<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>
</head>
<body>
<p id="p_1"></p>
<p id="p_2"></p>
<input id="p_3" type="button"/>

<p class="cls_1"></p>
<p class="cls_1"></p>

<div>
    <a class="cls_a">百度</a>
</div>
<div>
    <a class="cls_b">火车票</a>
</div>
<div>
    <a class="cls_c" href="http://www.baidu.com">百度</a>
</div>

<script type="text/javascript">
    $("#p_1").text("设置text设置文字")
    $("#p_2").html("这是<b>html</b>加粗的文字")
    $("#p_3").val("这是val设置的文字")

    $(".cls_1").text(function (i, origText) {
        return "旧文本：" + origText + "，新文本:Hello,index:" + i;
    })

    $(".cls_a").attr("href", "http://www.baidu.com")

    $(".cls_b").attr({"href": "http://www.12306.com", "tittle": "火车票"})

    $(".cls_c").attr("href", function (i, origText) {
        return origText+"/query";
    })

</script>
</body>
</html>